<!DOCTYPE html>

<html>

<head>
    <title>Good Thymes Virtual Grocery</title>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
</head>
<body>
<div class="container text-center">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h2 class="text-center">欢迎注册</h2>
            <a href="sign_in">已有账号，点击登录</a>
        </div>
        <div class="panel-body">
            <!--action的路径不要弄错 /是对路径-->
            <form action="sign_up" method="post">
                <div class="form-group">
                    <input class="form-control" name="name" placeholder;.;l="请输入姓名" type="text">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Email address</label>
                    <input class="form-control" id="exampleInputEmail1" name="email" placeholder="Enter email"
                           type="email">
                    <small class="form-text text-muted" id="emailHelp">We'll never share your email with anyone else.
                    </small>
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input class="form-control" id="exampleInputPassword1" name="pwd" placeholder="Password"
                           type="password">
                </div>
                <div class="form-group form-check">
                    <input class="form-check-input" id="exampleCheck1" type="checkbox">
                    <!--label标签中的for和其他标签的id对于，可以执行它的动作-->
                    <label class="form-check-label" for="exampleCheck1">Check me out</label>
                </div>
                <!--button的这个标签非常的简单，一切都是primary-->
                <button class="btn btn-primary" type="submit">Submit</button>
            </form>
            <!-- 更多注册方式 -->
            <div class="more-sign">
                <h6>社交帐号直接注册</h6>
            </div>
        </div>

    </div>
</div>
<link href="../bootstrap/css/bootstrap.css" media="all" rel="stylesheet"
      type="text/css"/>
<script src="../jquery-3.3.1.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>

</html>